<template>
  <div v-show="item.isShow" class="f pt10 pb10">
    <div
      :class="['nowrap mr10 tr', item.required ? 'need' : '']"
      :style="{
        width: item.isLabelWidth ? item.labelWidth + 'px' : 'auto',
      }"
    >
      {{item.label}}
    </div>
    <div :class="['f1 rel', item.errmsg ? '' : '']">
      <div class="f ac rw">
        <div
          v-for="optItem in item.options"
          :key="optItem.id"
          @click="optItem.disabled || item.disabled ? '' : checkedItem(optItem)"
          :class="['f ac mr30 mb5 poi', optItem.disabled || item.disabled ? 'disabled' : '']"
        >
          <div
            :class="['rds2 rel trans3 f ac xc mr5']"
            :style="{width:'16px',height:'16px',background: optItem.isChecked ? '#1aada7' : '#fff', border: item.errmsg ? '1px solid #ff0000' : optItem.isChecked ? 'none' : '1px solid #dcdee2'}"
          >
            <div v-show="optItem.isChecked" style="width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(0, -1px) rotate(-45deg);"></div>
          </div>
          {{optItem.name}}
        </div>
        <Input :value="item.value2" @on-change="e => changeOther(e)" placeholder="请输入其他症状" :disabled="item.disabled || !(item.value1 || '').includes('10')" />
      </div>
      <div class="abs l0 gred" v-if="item.errmsg" style="bottom:-20px;">{{item.errmsg}}</div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped>
</style>